<template>
  <div class="attention">
    <div class="attentionflex">
      <div class="attention">
        <div style="color: #8590a6">粉丝</div>
        <div class="attentions">{{ fs }}</div>
      </div>
      <div class="attention">
        <div style="color: #8590a6">被浏览</div>
        <div class="attentions">99977777</div>
      </div>
    </div>
    <div class="time">
      <div>
        {{ zzymoment(data[0].essay.createtm) }}
      </div>
      <div>{{ zzymoment(data[0].essay.updatatm) }}</div>
    </div>
  </div>
</template> 

<script >
import { defineComponent, computed } from "vue";
import { useStore } from "vuex";

import zzymoment from "@/utils/dateFormat";

export default defineComponent({
  components: {},
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
  setup() {
    const store = useStore();
    const fs = computed(() => store.state.comment.fans);
    return { zzymoment, fs };
  },
});
</script> 

<style scoped lang="less">
.attention {
  width: 250px;
  .attentionflex {
    display: flex;
    text-align: center;
    .attention {
      margin-right: 20px;
      .attentions {
        font-size: 20px;
        font-weight: 700;
        margin: 2px 0 2px 0;
      }
    }
  }
  .time {
    color: #898989;
    text-align: center;
  }
}
</style>
